@import "../../../styles/default.scss";
.quotation-tool-box{
  display: flex;
  align-items: center;
  position: relative;
  &::before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    transform: scaleY(0.1);
    width: 100%;
    display: inline-block;
    background: $text-lip-color;
  }
  .quotation-tool-item{
    flex: 1;
    text-align: center;
    .icon {
      width: size(20);
      height: size(20);
      &.active{
        fill: $color-up;
        color: #FFFF33;
      }
    }
  }
}
.drawing-popup-header{
  display: flex;
  align-items: center;
  padding: size(8) pxToRem(14);
  font-size: pxToRem(16);
  .seize {
    flex: 1;
  }
  .drawing-line-colors{
    display: flex;
    align-items: center;
    .drawing-color-item {
      display: inline-block;
      width: size(16);
      height: size(16);
      border-radius: 100%;
      margin: 0 size(4);
      &.active {
        border: solid size(3) $active-color;
        box-sizing: content-box;
      }
    }
  }
}
.drawing-popup-list-item{
  font-size: pxToRem(16);
  padding: size(8) pxToRem(14);
}
.indicator-dialog{
  .indicator-params-wrapper{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    .indicator-params-item{
      flex: 0 0 50%;
      display: flex;
      align-items: center;
      padding: size(8) pxToRem(4);
      label{
        margin-right: pxToRem(4);
        text-align: right;
        flex: 1;
        color: $text-lip-color;
      }
      .indicator-params-input{
        flex: 0 0 70%;
        border: solid 1px $text-lip-color;
        padding: size(3) pxToRem(8);
        input {
          width: 100%;
          background: transparent;
          border: none;
          outline: none;
          color: $text-lip-color;
        }
      }
    }
  }
  .indicator-params-buttons{
    display: flex;
    align-items: center;
    padding: size(12) 0;
    .indicator-button-cancel{
      flex: 1;
      border: solid 1px $text-light;
      color: $text-lip-color;
      text-align: center;
      padding: size(8) 0;
      border-radius: size(4);
      font-size: pxToRem(14);
    }
    .indicator-button-ok{
      margin-left: pxToRem(12);
      flex: 1;
      background: $active-color;
      color: #FFFFFF;
      padding: size(8) 0;
      border-radius: size(4);
      text-align: center;
      font-size: pxToRem(14);
    }
  }
}
